*{
	margin: 0;
	padding: 0;
}
html{
	font-size: 20px;
}
#wrap{
	width: 100%;
	height:52.09rem;
    background: url(../img/开始页/背景.png);
	background-size: 100% 100%;
	/*//position: absolute;*/
}
img{
	width: 80%;
}
#one{
	margin-left: 3rem;
	margin-top: 2rem;
	-webkit-animation-name:haha;
	-webkit-animation-delay:2s;
    -webkit-animation-duration:2s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-name:haha;
	-moz-animation-delay:2s;
    -moz-animation-duration:2s;
    -moz-animation-fill-mode:forwards;
    -ms-animation-name:haha;
	-ms-animation-delay:2s;
    -ms-animation-duration:2s;
    -ms-animation-fill-mode:forwards;
    -o-animation-name:haha;
	-o-animation-delay:2s;
    -o-animation-duration:2s;
    -o-animation-fill-mode:forwards;
     opacity: 0;
}
#two{
	margin-left:2.4rem ;
	-webkit-animation-name:haha;
	-webkit-animation-delay:2s;
    -webkit-animation-duration:2s;
   	-webkit-animation-fill-mode:forwards;
   	-moz-animation-name:haha;
	-moz-animation-delay:2s;
    -moz-animation-duration:2s;
   	-moz-animation-fill-mode:forwards;
   	-ms-animation-name:haha;
	-ms-animation-delay:2s;
    -ms-animation-duration:2s;
   	-ms-animation-fill-mode:forwards;
   	-o-animation-name:haha;
	-o-animation-delay:2s;
    -o-animation-duration:2s;
   	-o-animation-fill-mode:forwards;
   	opacity: 0;
   
}
#three{
	margin-top: 0rem;
	margin-left: 3rem;
}
#four{
	margin-top:5.3rem;
	margin-left: 2.5rem;
	animation-name: fan;
	animation-delay: 0s;
	animation-iteration-count:infinite;
	
}
@keyframes haha{
		0%{
      	transform:translateZ(5rem);
      	transform:scale(5);
      	opacity: 0;	
      	}
      	100%{
      		transform:translateZ(0rem);
      		transform:scale(1);
      		display: inline-block;
      		opacity: 1;
      	}
      }
}

